home *** CD-ROM | disk | FTP | other *** search
/ MacFormat UK 176 / MF_UK_176_1.iso / DiscContents / In the mag / Widgets / BBC Radio Widget 2.2 / BBC Radio widget / BBC Radio.wdgt / AppleClasses / AppleInfoButton.js < prev   
Encoding:
JavaScript  |  2005-12-15  |  7.6 KB  |  246 lines
  1. /*
  2. ¬© Copyright 2005 Apple Computer, Inc. All rights reserved.
  3.  
  4. IMPORTANT:  This Apple software and the associated images located in
  5. /System/Library/WidgetResources/AppleClasses/ (collectively "Apple Software")
  6. are supplied to you by Apple Computer, Inc. (‚ÄúApple‚Äù) in consideration of your
  7. agreement to the following terms. Your use, installation and/or redistribution
  8. of this Apple Software constitutes acceptance of these terms. If you do not
  9. agree with these terms, please do not use, install, or redistribute this Apple
  10. Software.
  11.  
  12. In consideration of your agreement to abide by the following terms, and subject
  13. to these terms, Apple grants you a personal, non-exclusive license, under
  14. Apple‚Äôs copyrights in the Apple Software, to use, reproduce, and redistribute
  15. the Apple Software, in text form (for JavaScript files) or binary form (for
  16. associated images), for the sole purpose of creating Dashboard widgets for Mac
  17. OS X.
  18.  
  19. If you redistribute the Apple Software, you must retain this entire notice and
  20. the warranty disclaimers and limitation of liability provisions (last two
  21. paragraphs below) in all such redistributions of the Apple Software.
  22.  
  23. You may not use the name, trademarks, service marks or logos of Apple to endorse
  24. or promote products that include the Apple Software without the prior written
  25. permission of Apple. Except as expressly stated in this notice, no other rights
  26. or licenses, express or implied, are granted by Apple herein, including but not
  27. limited to any patent rights that may be infringed by your products that
  28. incorporate the Apple Software or by other works in which the Apple Software may
  29. be incorporated.
  30.  
  31. The Apple Software is provided on an "AS IS" basis.  APPLE MAKES NO WARRANTIES,
  32. EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION THE IMPLIED WARRANTIES OF
  33. NON-INFRINGEMENT, MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE,
  34. REGARDING THE APPPLE SOFTWARE OR ITS USE AND OPERATION ALONE OR IN COMBINATION
  35. WITH YOUR PRODUCTS.
  36.  
  37. IN NO EVENT SHALL APPLE BE LIABLE FOR ANY SPECIAL, INDIRECT, INCIDENTAL OR
  38. CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
  39. GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
  40. ARISING IN ANY WAY OUT OF THE USE, REPRODUCTION, AND/OR DISTRIBUTION OF THE
  41. APPLE SOFTWARE, HOWEVER CAUSED AND WHETHER UNDER THEORY OF CONTRACT, TORT
  42. (INCLUDING NEGLIGENCE), STRICT LIABILITY OR OTHERWISE, EVEN IF APPLE HAS BEEN
  43. ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  44.  */
  45.  
  46. function AppleInfoButton(flipper, front, foregroundStyle, backgroundStyle, onclick)
  47. {
  48.     /* Read-write properties */
  49.     this.onclick = onclick;
  50.     
  51.     /* Internal */
  52.     this._front = front;
  53.     this._flipper = flipper;
  54.     this._flipLabel = document.createElement("img");
  55.     this._flipLabel.width = 13;
  56.     this._flipLabel.height = 13;
  57.     this._flipLabel.setAttribute("alt", "Info");
  58.     this._flipCircle = document.createElement("div");
  59.     flipper.appendChild(this._flipCircle);
  60.     flipper.appendChild(this._flipLabel);
  61.     this._labelshown = false;
  62.         
  63.     // For JavaScript event handlers
  64.     var _self = this;
  65.     
  66.     this._updateOpacity = function(animation, now, first, done)
  67.     {
  68.         _self._flipLabel.style.opacity = now;
  69.     }
  70.     
  71.     this._animationComplete = function()
  72.     {
  73.         delete _self._animation;
  74.         delete _self._animator;
  75.     }
  76.     
  77.     this._frontMove = function(event)
  78.     {
  79.         if (_self._outdelay !== undefined)
  80.         {
  81.             clearTimeout(_self._outdelay);
  82.             delete _self._outdelay;
  83.         }
  84.         if (_self._labelshown)
  85.             return;
  86.         
  87.         var from = 0.0;
  88.         var duration = 500;
  89.         if (_self._animation !== undefined)
  90.         {
  91.             from = _self._animation.now;
  92.             duration = (new Date).getTime() - _self._animator.startTime;
  93.             _self._animator.stop();
  94.         }
  95.         
  96.         _self._labelshown = true;
  97.         
  98.         var animator = new AppleAnimator(duration, 13);
  99.         animator.oncomplete = _self._animationComplete;
  100.         _self._animator = animator;
  101.         
  102.         _self._animation = new AppleAnimation(from, 1.0, _self._updateOpacity);
  103.         animator.addAnimation(_self._animation);
  104.         animator.start();
  105.     }
  106.     
  107.     this._frontOutDelay = function(event)
  108.     {
  109.         if (_self._outdelay === undefined)
  110.         {
  111.             _self._outdelay = setTimeout(_self._frontOut, 0, _self);
  112.         }
  113.     }
  114.     
  115.     this._frontOut = function(_self)
  116.     {
  117.         if (_self._outdelay !== undefined)
  118.         {
  119.             clearTimeout(_self._outdelay);
  120.             delete _self._outdelay;
  121.         }
  122.         if (!_self._labelshown)
  123.             return;
  124.         
  125.         var from = 1.0;
  126.         var duration = 500;
  127.         if (_self._animation !== undefined)
  128.         {
  129.             from = _self._animation.now;
  130.             duration = (new Date).getTime() - _self._animator.startTime;
  131.             _self._animator.stop();
  132.         }
  133.         
  134.         var animator = new AppleAnimator(duration, 13);
  135.         animator.oncomplete = _self._animationComplete;
  136.         _self._animator = animator;
  137.         
  138.         _self._animation = new AppleAnimation(from, 0.0, _self._updateOpacity);
  139.         animator.addAnimation(_self._animation);
  140.         animator.start();
  141.     
  142.         _self._labelshown = false;
  143.     }
  144.     
  145.     this._labelOver = function(event)
  146.     {
  147.         _self._tempMouseOver = true; // remove later
  148.         _self._flipCircle.style.visibility = "visible";
  149.     }
  150.     
  151.     this._labelOut = function(event)
  152.     {
  153.         delete _self._tempMouseOver; // remove later
  154.         _self._flipCircle.style.visibility = "hidden";
  155.     }
  156.     
  157.     this._labelClicked = function(event)
  158.     {        
  159.         _self._flipCircle.style.visibility = "hidden";
  160.         
  161.         try {
  162.             if (_self.onclick != null)
  163.                 _self.onclick(event);
  164.         } catch(ex) {
  165.             throw ex;
  166.         } finally {
  167.             event.stopPropagation();
  168.             event.preventDefault();
  169.         }
  170.     }
  171.     
  172.     this._tempLabelDown = function(event)
  173.     {
  174.         document.addEventListener("mouseup", _self._tempDocUp, true);
  175.         event.stopPropagation();
  176.         event.preventDefault();
  177.     }
  178.     
  179.     this._tempDocUp = function(event)
  180.     {
  181.         document.removeEventListener("mouseup", _self._tempDocUp, true);
  182.         
  183.         // if we're over the label
  184.         if (_self._tempMouseOver !== undefined)
  185.         {
  186.             delete _self._tempMouseOver;
  187.             _self._labelClicked(event);
  188.         }
  189.     }
  190.  
  191.     // Set up style
  192.     var style = this._flipLabel.style;
  193.     style.position = "absolute";
  194.     style.top = 0;
  195.     style.left = 0;
  196.     style.opacity = 0;
  197.     
  198.     style = this._flipCircle.style;
  199.     style.position = "absolute";
  200.     style.top = 0;
  201.     style.left = 0;
  202.     style.width = "13px";
  203.     style.height = "13px";
  204.     this.setCircleOpacity(0.25);
  205.     style.visibility = "hidden";
  206.     
  207.     this.setStyle(foregroundStyle, backgroundStyle);
  208.     
  209.     this._front.addEventListener("mousemove", this._frontMove, true);
  210.     this._front.addEventListener("mouseout", this._frontOutDelay, true);
  211.  
  212. // temp stuff
  213.     this._flipper.addEventListener("mousedown", this._tempLabelDown, true);
  214.     this._flipper.setAttribute("onclick", "event.stopPropagation(); event.preventDefault();");
  215. // switch to this later
  216. //    this._flipper.addEventListener("click", this._labelClicked, true);
  217.     this._flipper.addEventListener("mouseover", this._labelOver, true);
  218.     this._flipper.addEventListener("mouseout", this._labelOut, true);
  219. }
  220.  
  221. AppleInfoButton.prototype.remove = function()
  222. {
  223.     this._front.removeEventListener("mousemove", this._frontMove, true);
  224.     this._front.removeEventListener("mouseout", this._frontOutDelay, true);
  225.  
  226.     this._flipper.removeEventListener("mousedown", this._tempLabelDown, true);
  227. //    this._flipper.removeEventListener("click", this._labelClicked, true);
  228.     this._flipper.removeEventListener("mouseover", this._labelOver, true);
  229.     this._flipper.removeEventListener("mouseout", this._labelOut, true);
  230.     
  231.     var parent = this._flipLabel.parentNode;
  232.     parent.removeChild(this._flipCircle);
  233.     parent.removeChild(this._flipLabel);
  234. }
  235.  
  236. AppleInfoButton.prototype.setStyle = function(foregroundStyle, backgroundStyle)
  237. {
  238.     this._flipLabel.src = "file:///System/Library/WidgetResources/ibutton/" + foregroundStyle + "_i.png";
  239.     this._flipCircle.style.background = "url(file:///System/Library/WidgetResources/ibutton/" + backgroundStyle + "_rollie.png) no-repeat top left";
  240. }
  241.  
  242. AppleInfoButton.prototype.setCircleOpacity = function(opacity)
  243. {
  244.     this._flipCircle.style.opacity = opacity;
  245. }
  246.